@charset "utf-8";
/* CSS Document */
/*缺失样式补全*/
/*1.活跃用户*/
body, html{ background: #d6deea!important}
.sitereports-container{ padding-top:50px}
#activeUser .wechat_account_list{ top:-50px}

/*2客户列表*/
.dataTables_wrapper{ border-radius:0px; box-shadow:none}
.dataTables_empty{ text-align:center}
.table.dataTable thead > tr > th{ padding-right:8px}
.select2-container--default .select2-selection--single .select2-selection__clear{ position:relative; z-index:10}

/*与新样式冲突的解决办法*/
.left-bar,.wechat_account_list .weSelect span,header.top-bar .ui-tabs .ui-tabs-nav,.top-bar,.chzn-container-single a.chzn-single,.bar-header{ -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial}
body .left-bar *,body .top-bar *{ -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto}
body .left-bar *,.chzn-container-single .chzn-single span{ font-family: "微软雅黑"!important}
.nav .global-tab, nav .global-tab:visited, nav .global-tab:link{ line-height:normal; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial}
.right{ padding-top:0}
[class^="icon-"], [class*=" icon-"]{ background:none}
.dataTable td a img{ width:50px; height:50px; margin-right:5px}
table.dataTable td .crm_tags_hide{ height:50px; margin-bottom:0}
.dataTables_wrapper .dataTables_info{float:left}
.dataTables_wrapper .paging_full_numbers{float:right}
.ellipsis{ display:none}
.dataTables_paginate .current{ z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7}
.content-area{ height:auto}
.tabs{ position:relative}
.left,.right{ width:auto; height:auto; position:relative; background:none}

table.dataTable{ border:none; margin:0!important}
table.dataTable>thead>tr>th,.table.dataTable>tbody>tr>td{ border:none; border-bottom:1px solid #dde8ef; padding:16px}
table.dataTable>thead>tr>th{ padding:8px 16px!important; background-color:#eef1f7}
table.dataTable>tbody>tr:nth-of-type(even) td{ background-color:#fbfcfe}
.dataTables_info{ padding:16px!important}
.paging_full_numbers{ padding:8px 16px}
div.dataTables_processing{ top:70%; height:49px; z-index:10}

.usual_tooltip,.usual_tooltip_hack{ padding:10px; line-height: 18px; font-size: 13px; margin-top:0}



/*新样式改造，以下部分日后另起新文件*/
/*active-user*/
.addNewCondition{ margin-left:10px; padding-right:15px; margin-top:20px}
.timeline>.addNewCondition>i{ top:4px}
.addNewCondition:before{ width:1px; left:32px}
.addNewCondition .fa-plus{ padding:0}

.condition{ position:relative; z-index:1; margin-top:15px; margin-left:-5px; margin-right:-5px}
.condition:hover{ background:rgba(234,238,246,0.5)}
.condition .condition-bridge:before{ content:' '; position:absolute; right:-15px; top:16px; left:54px; height:1px; background:#ddd}
.condition .condition-bridge:after{ content:' '; position:absolute; left:-15px; top:16px; right:54px; height:1px; background:#ddd}
.condition .btn-box-tool.pull-right{ margin-top:2px}
.table>tbody+tbody{ border:none}
.table:not(.table_retention)>tbody>tr>td,.table:not(.table_retention)>tbody>tr>th{ padding:16px}
.table:not(.table_retention)>tbody>tr>th{ vertical-align:middle; background-color:#eef1f7; border-top:none; padding-top:8px; padding-bottom:8px}
.pagination>li>.current{color:#aaa!important; background-color:#efefef!important; border-color:#ddd!important; cursor:default}
.pagination-sm>li>a{ min-width:34px; text-align:center}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td,.box-header.with-border{ border-color:#dde8ef; vertical-align:middle}
.table-striped>tbody>tr:nth-of-type(odd){ background-color:transparent}
.table-striped>tbody>tr:nth-of-type(even){ background-color:#fbfcfe}
.table-hover>tbody>tr:hover{ background-color:rgba(234,238,246,0.5)}
.box-footer{ border-color:#dde8ef}

.select2-container{ position:relative; z-index:1051}

.info-box{ box-shadow:none}
span.info-box-icon.bg-aqua{ line-height:normal}
span.info-box-icon.bg-aqua img{ width:100%; height:100%}

table .sorting_asc:after{ content: "\f160"}
table .sorting_desc:after{ content: "\f161"}
table .sorting_asc:after, table .sorting_desc:after{ font:normal normal normal 14px/1 FontAwesome; opacity:0.5; margin-left:10px}

.minimal_label label{ cursor:pointer; margin:10px 20px}
.minimal_font{ vertical-align:middle; margin-left:5px}
.table>tbody>tr>th{ padding-top:16px; padding-bottom:16px}

.box-header>.box-tools{ top:10px} 
.box-header>*{ line-height:30px!important; background: none!important} 
.box-header-tags{ line-height:0.7; padding-right:40px}
.box-header-tags .box-title{ width:100%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap}
.box-header-tags .badge.bg-light-blue{ display:none; border-radius:0; margin-left:8px}
.box-header-tags .badge.bg-light-blue .fa-remove{ cursor:pointer; margin-left:5px}
.collapsed-box .box-header-tags .badge.bg-light-blue{ display:inline-block}

/*segmentation*/
.relation{ min-width:112px; min-height:34px; float:left; padding-left:15px; padding-right:15px}
.relation:first-child:before{ content:' '; position:absolute; left:54px; top:16px; width:1px; height:49px; background:#ddd}
.relation:first-child:after{ content:' '; position:absolute; left:54px; top:16px; right:-15px; height:1px; background:#ddd}
.relation-vice:after{ content:' '; position:absolute; left:-15px; top:16px; right:54px; height:1px; background:#ddd}
.relation .btn{ width:40px; z-index:10}
.relation .disabled{ width:100%; opacity:1}
.relationCondition + .row>.addNewCondition{ margin-left:32px}

.alert h4{ white-space: nowrap}

.parllay-box-widget{ border-radius:0; box-shadow:none; margin-bottom:0}
.parllay-box-widget .box-header{ min-height:41px; border-top:1px solid #f4f4f4}
.parllay-box-widget .box-header label{ display:block; text-align:center; cursor:pointer; margin:0}
.parllay-box-widget .box-header label .fa{ font-size:14px; font-weight:bold}
.parllay-box-widget .box-header label .fa-plus:before{content:"\f107"}
.parllay-box-widget .box-header label .fa-minus:before{content:"\f106"}
.parllay-box-widget .table>tbody>tr>td{ line-height:20px; padding:12px 18px}
.table-remark .fa-trash-o{ display:none; cursor:pointer; font-size:20px}
.table-remark tr:hover .fa-trash-o{ display:block}

.daterangepicker_start_input,.daterangepicker_end_input{ display:none}

.chartLegend{ border-bottom:1px solid #f4f4f4; margin:-10px -10px 10px -10px}
.chartLegend>div{ display:inline-block; flaot:right; height:100%; cursor:pointer; padding:5px 10px}
.chartLegend>div>i{ font-size:14px; vertical-align:middle; margin-top:-1px}

.box .overlay .overlay-icon-big{ width:204px; height:92px; text-align:center; font-size:90px; margin-left:-102px; margin-top:-64px }
.box .overlay .overlay-icon-big span{ display:inherit; font-size:18px; margin-top:20px}

/*funnels*/
#tableContent_funnels{ overflow:auto}
.funnel-process>li>.timeline-item>.timeline-body{ overflow:hidden; padding:20px 5px}
.funnel-process>li>.timeline-item>.timeline-header{ background-color:#eef1f7; padding:10px 15px}
.funnel-process>li>.timeline-item>.time{ cursor:pointer; padding:10px 15px}
.fa-reorder.text-muted{ color:#999; cursor:move; font-size:12px; margin-right:15px}
.funnel-order{ font-family:arial; cursor:move}
.funnel-process .addNewCondition{ margin-left:0; margin-bottom:0}
.funnel-process .addNewCondition>button.btn{ margin:0 0 0 20px}
.ui-sortable-helper .funnel-order{ display:none}
.funnel-process .time-label{ padding:0 15px 0 8px; margin-bottom:20px}
.funnel-process .time-label span{ width:100%}
.funnel-process .time-label span input{ width:300px; display:inherit; font-size:16px; border:none}
.funnel-process .time-label span i{ font-size:19px; line-height:34px; margin:5px 2px 0 12px}

.funnelChart{ height:400px; position:relative; margin:35px -10px 60px -10px}
.funnelList{ width:100%; height:100%; position:relative; border-bottom:1px solid #dfdfdf; z-index:10; padding:0 20px}
.funnelItem{ display:inline-block; position:relative; width:60px; height:100%; border-radius:5px 5px 0 0; cursor:pointer; margin-right:120px}
.funnelItem.btn-info{ background-color:#7bc7bb}
.funnelItem.btn-info:hover{ background-color:#60b2a5}
.funnelItem.btn-info.bg-light-blue{ background-color:#51a396!important}
.funnelList .funnelItem:last-child{ margin-right:0}
.funnelItem-count{ width:100%; position:absolute; top:-25px; text-align:center; color:#333; font-size:14px}
.funnelItem-name{ position:absolute; left:-50px; right:-50px; bottom:-45px; text-align:center; font-size:14px}
.funnelItem-name.text-light-blue{ color:#60b2a5!important}
.funnelItem-overview{ margin-right:30px}
.funnelConvert{ position:absolute; left:190px; top:230px}
.funnelConvert>div{ width:80px; text-align:center; display:inline-block; margin-right:100px; padding-left:37px; background:#eef1f7; color:#444; z-index:11; padding-right:5px}
.funnelConvert>div:hover{ background-color:#60b2a5}
.funnelConvert>.btn-social>i{ line-height:32px; font-size:1.3em}

.transparentDropdown>.btn-default{ background-color:transparent!important; border-color:transparent!important; box-shadow:none!important; font-size:13px}
.transparentDropdown{ margin-top:6px; margin-bottom:6px}

.table tr td .progress{ width:auto; position:static; border-radius:10px; margin:0 2px 0 2px}
.table tr td .progress .sr-only{ position:static; font-size:14px}

/*retention*/
.box-header-dropdown{ margin-top:0}
.box-header-dropdown .box-title{ display:none}
.box-header-dropdown .transparentDropdown>.btn-default{ font-size:16px; line-height:18px; font-weight:bold; padding:0; margin:0; border:none;}
.box-header-dropdown .btn-group>.btn+.dropdown-toggle{ line-height:16px; padding-left:8px}
.box-header-dropdown .open>.dropdown-menu{ margin-top:10px; margin-left:-11px; border-radius:0; z-index:1052; padding:0}
.box-header-dropdown .open>.dropdown-menu li a{ padding:10px 20px}

.condition-title{ margin:10px 0 20px 10px}
.condition-title ~ .condition-title{ margin-top:25px}
.topEvent .relation:before{ content:none}
.topEvent .relation:after{ content:none}

.condition-by{ margin-top:0}
.condition-by .relation:before{ content:none}

.innerTable{ position:absolute; left:0; top:-1px; border:none; border-top:1px solid #f4f4f4; border-left:1px solid #f4f4f4}
.innerTable>tbody>tr>th,.innerTable>tbody>tr>td{ display:inline-block; min-width:10%; text-align:center; background-color:#f4f4f4; border:none; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:8px}
.innerTable>tbody>tr>td.bg-light-blue{ background-color:#60b2a5!important}
.innerTable>tbody>tr>th{ background-color:#f0f0f0}
hidden{ visibility:hidden}

.box-body{ position:relative; border:none; box-shadow:none; margin:0}

.innerPageBar{ position:absolute; right:10px; top:21px}

/*predict*/
.predict_box .predict_item{ position:relative; border-top:none; box-shadow:none; background-color:#eef1f7; padding:30px 15px 10px 15px; margin:10px -5px}
.predict_box .predict_item p{ color:#777; font-size:14px; margin-bottom:20px}
.predict_box .predict_item canvas{ background-color:#fff; border-radius:100px}
.predict_list{ padding:0px}
.predict_chart{ position:relative; min-height:450px}
.predict_chart:after{ content:''; display:block; clear:both}
.predict_name>.relation:after,.predict_name>.relation:before{ display:none}
.predict_name{ margin-bottom:20px}
.predict_name .form-control{ font-size:13px}
.predict_box .predict_item .predict_percent{ position:absolute; left:10px; right:0; top:140px; font-size:22px; color:#aaa}
.predict_box .box-footer{ text-align:center}
.predict_box .box-footer .pull-right{ display:inline-block; float:none!important; line-height:26px; margin-left:30px}
.predict_box .box-footer .pull-right>i{ font-size:16px; margin-right:5px}

/*crm-reports*/
.table .box-header-tags{ box-shadow:none; background-color:transparent; padding:0; margin:0}
.table .box-header-tags .box-header{ line-height:27px; background-color:transparent; padding:0}
.table .box-header-tags .box-body{ line-height:27px}
.table .box-header-tags .box-header>.box-tools{ top:0}
.table .box-header-tags .box-header>.box-tools .fa-plus{ font-size:13px}
.table .box-header-tags .box-header>.box-tools .fa-plus:before{ content:'\f141'}
.table .box-header-tags .badge.bg-light-blue{ display:inline-block; margin:0 8px 0 0}
.box-header>.box-tools-react{ width:150px; position:static; margin-left:10px}
.setting-input{ padding:20px}
.addNewTag{ cursor:pointer}


/*样式调整3.01*/
body{ font-family:'微软雅黑','Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif}
.box-header{ background-color:#eef1f7; padding:15px 10px}
.box{/*overflow:hidden*/}
.btn-default{ background-color:#eef1f7; border-color:#cad2e2}
.btn-default.current{ color:#333; background-color:#fff!important; cursor:default; border-color:#adadad; z-index:10}
.box.box-solid .box-header .btn.btn-default{ background:transparent}
.select2-container--default.select2-container--disabled .select2-selection--single{ background-color:#f5f5f5}
.timeline .bg-blue{ background-color:#60b2a5!important; color:#fff!important}
.box-body>.box-header{ margin:-21px -10px 10px -10px}
.timeline:before{ background-color:#7bc7bb}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title{ font-size:16px}
.btn-primary,.btn-primary:focus{ background-color:#60b2a5; border-color:#51a396!important}
.btn-primary:hover,.btn-primary:active,.btn-primary.hover{ background-color:#51a396!important}
.progress-bar-green, .progress-bar-success{ background-color:#60b2a5}
.relation .btn-default,.select2-container--default .select2-selection--single .select2-selection__rendered,.content-area,body{ }
